// scss封装样式

// 提交按钮样式封装 支持文字颜色 背景颜色
@mixin operation-btn($width,$height,$bgColor,$color:#fff,$borderRadius:49rpx,$marginTop:0){
  width: $width;
  height:$height;
  font-size: 32rpx;
  color:$color;
  margin:0 auto;
  margin-top:$marginTop;
  border-radius: $borderRadius;
  background:$bgColor;
  @if $bgColor!=''{
  	  background-color: $bgColor;
  }@else{
  	  background-image:linear-gradient(-90deg,#37A9FF, #6DFFFF);
  }
  line-height: $height;
  text-align: center;
  // display: flex;
  // justify-content: center;
  // align-items: center;
}

@mixin receive-btn($bgColor,$color:#fff,$borderColor:none){
  width: 130rpx;
  height:54rpx;
  font-size: 24rpx;
  color:$color;
  border-radius: 27rpx;
  @if $bgColor!=''{
	  background-color: $bgColor;
  }@else{
	  background-image:linear-gradient(60deg,#F7281D, #FF6B42);
  }
  border:2rpx solid $borderColor;
  display: flex;
  justify-content: center;
  align-items: center;
}

//多参数 key value 要用#{} 包裹
@mixin calcRealRpx($names:width,$number:1) {
  #{$names}:#{$number * 0.905}rpx;
}

// .submit-btn {
// 	@include operation-btn(#FE4767, #fff,70rpx);
// }